import React from 'react';
import { connect } from 'dva';
import { Steps } from 'antd-mobile';
import styles from './stepsView.css';
const Step = Steps.Step;

const StepsView = ({
}) => {

  return (
    <div className={styles.stepsBody}>
      <div className={styles.title}>投递情况</div>
      <div className={styles.stepsContent}>
        <div className={styles.stepsList}>
          <Steps size="small" current={1}>
            <Step
              title={<span style={{color:'#000'}}>投递成功</span>}
              description="2017.10.20 12:02"
              status="finish"
            />
            <Step
              title={<span style={{color:'#108EE9'}}>等待商家查看</span>}
              description="2017.10.20 12:02"
              status="process"
            />
            <Step
              title={<span style={{color:'red'}}>等待商家录用</span>}
              description="2017.10.20 12:02"
              status="error"
            />
            <Step
              title={<span style={{color:'#999'}}>完成</span>}
              description="2017.10.20 12:02"
            />
          </Steps>
        </div>
      </div>
    </div>
  );
};

StepsView.propTypes = {
};

export default connect()(StepsView);
